<!DOCTYPE html>
<!-- saved from url=(0041)https://www.zhutibang.cn/project_194.html -->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>社区购物APP案例-社区生活app开发案例-社区APP开发案例</title>
    <meta name="keywords" content="社区购物APP案例,社区生活app开发案例,社区APP开发案例,社区生活app案例,本地生活APP,本地生活APP开发,本地生活APP开发案例">
    <meta name="description"
          content="社区购物APP案例,社区生活app开发案例【主题邦科技】广州本地APP开发源头技术开发公司，专业提供app定制开发，一站式APP开发解决方案，量身定制源代码交付，安全可靠。">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">
    <!--Favicon -->
    <link rel="icon" type="image/png" href="https://www.zhutibang.cn/project_194.html">
    <!-- Apple Touch Icon -->
    <link rel="apple-touch-icon" href="https://www.zhutibang.cn/project_194.html">

    <!-- CSS Files -->
    <link rel="stylesheet" href="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/plugins.css">
    <!-- Main Styles -->
    <link rel="stylesheet" href="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/theme.css">
    <!-- Color Skins -->
    <link rel="stylesheet" href="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/default.css">
    <!-- Index Styles -->
    <link rel="stylesheet" href="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/index.css">
    <link rel="stylesheet" href="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/style.css">

    <!-- End Page Styles -->
    <!-- Page Styles -->
    <link rel="stylesheet" href="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/everest.css">
    <link rel="stylesheet" href="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/twentytwenty.css">
    <style>
        .box-inner7 {
            height: 593px;
            padding: 0;
            border-radius: 10px;
        }

        .box-inner7 img {
            width: 100%;
        }

        .qdr-col-6 > * {
            padding: 9px;
        }

        .page-title {
            line-height: 56px;
        }

        .page-title-white {
            line-height: 56px;
        }

        .box-inner7 {
            height: 593px;
            padding: 0;
            border-radius: 10px;
        }

        .box-inner7 img {
            width: 100%;
        }

        .qdr-col-6 > * {
            padding: 9px;
        }

        .twentytwenty-overlay:hover {
            display: none;
        }

        .twentytwenty-container img {
            width: 100%;
        }

        .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
            background-color: #fff;
            box-shadow: none;
            width: 4px;
        }

        .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
            background-color: #fff;
            box-shadow: none;
            height: 2px;
        }

        .twentytwenty-handle {
            background-color: #d82950;
            cursor: move;
            border-color: #d82950;
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2);
            opacity: 0.5;
            -webkit-transition: opacity 0.3s;
            -moz-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

        .twentytwenty-handle:active {
            background-color: #4542d5;
            border-color: #4542d5;
        }

        .twentytwenty-container:hover .twentytwenty-handle {
            opacity: 1;
        }

        .twentytwenty-left-arrow {
            border-right-color: #fff;
        }

        .twentytwenty-right-arrow {
            border-left-color: #fff;
        }

        .twentytwenty-up-arrow {
            border-bottom-color: #fff;
        }

        .twentytwenty-down-arrow {
            border-top-color: #fff;
        }

        .twentytwenty-before-label:before, .twentytwenty-after-label:before {
            font-weight: 600;
            text-transform: uppercase;
            font-family: 'Open Sans', sans-serif;
        }
    </style>
    <script src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/getjs_bdtj"></script>
    <script charset="utf-8" src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/insert_bdtj"></script>
    <script src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/push.js.下载"></script>
    <script src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/hm.js.下载"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?44fef1192859f3af7b9e0f9c8d176512";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <link rel="alternate" media="only screen and(max-width: 640px)" href="https://m.zhutibang.cn/projects_194.html">
    <link rel="canonical" href="https://m.zhutibang.cn/projects_194.html">
    <meta name="applicable-device" content="pc">
    <meta name="mobile-agent" content="format=html5;url= https://m.zhutibang.cn/projects_194.html">
    <script type="text/javascript" src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/jquery.min.js.下载"></script>
    <script type="text/javascript" src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/scripts.js.下载"></script>
    <style>
        .article {
            background: #F8F8F8;
        }

        .services .box {
            padding: 0px !important;
            margin: 15px 15px 25px;
        }

        .slick-slide img {
            display: block;
            width: 100%;
        }

        .page-mtitle {
            padding: 0px;
        }

        .page-desc {
            padding: 20px 0 0 30px;
        }

        .article-list-title {
            padding: 0px 0 25px 30px;
        }

        .py {
            padding-top: 20px !important;
            font-size: 18px;
            line-height: 2;
        }

        /*内容容器*/
        .content-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .disable-select {
            -webkit-touch-callout: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
    </style>
</head>


<!-- jQuery -->

<!-- MAIN SCRIPTS - Classic scripts for all theme -->

<!-- END JS FILES -->


<!-- BODY START -->
<body class="has-retina-logo device-xl">
<!-- NAVIGATION -->
<style>
    .top-row-container {
        background-color: #f6f8fb;
        color: #515d71;
    }

    .common-box {
        width: 1400px;
        margin: 0 auto;
    }

    /*蓝色按钮样式覆盖 start*/
    #navigation.modern.white-nav .nav .nav-blue-btn {
        background: #236ffb;
        height: 33px;
        margin-top: 18px;
        line-height: 33px;
        color: white;
        box-shadow: 0 6px 10px 0 rgba(35, 111, 251, .2);
        border-radius: 2px;
        text-align: center;
        width: 108px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        text-decoration: none;
    }

    #navigation.modern.white-nav .nav a.nav-blue-btn:hover {
        opacity: 1;
    }

    /*蓝色按钮样式覆盖 end*/
    /*    top row */
    .fl {
        float: left
    }

    .fr {
        float: right;
    }

    .f-w-b {
        font-weight: 700;
    }

    .top-row-container .top-row .city-highlight {
        color: #236ffb;
    }

    .top-row-container .top-row .space-r {
        margin-right: 24px;
    }

    .top-row-container .top-row .phone-box {
        display: inline-block;
        vertical-align: middle;
    }

    .top-row-container .top-row .common-icon {
        margin-right: 5px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
    }

    .top-row-container .navigation-icon-1 {
        display: inline-block !important;
    }

    .top-row-container .top-row span {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }

    .top-row-container .top-row .btn-list .item {
        height: 22px;
        line-height: 22px;
        margin-left: 27px;
        text-align: left;
        display: inline-block;
    }

    .top-row-container .top-row .btn-list .item .icon {
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
    }

    .top-row-container .top-row .btn-list .item .icon-1 {
        /* width: 16px; */
        height: 22px;
    }

    .top-row-container .top-row .btn-list .item .icon-2 {
        /* width: 22px; */
        height: 22px;
    }

    .top-row-container .top-row .btn-list .item .name {
        color: #515d71;
        font-size: 16px;
        font-weight: 700;
    }
</style>
<!-- NAVIGATION -->
<nav id="navigation" class="white-nav shrink border hover modern hover4 radius-drop scrolled" data-offset="5">
    <!-- Columns -->
    <div class="columns clearfix container-xl" style="font-size: 16px;">
        <div class="top-row-container">

            <!--  入口    -->
            <div class="top-row clearfix common-box">
                <div class="fl">
                    <a class="cursor" href="https://www.zhutibang.cn/city">
                        <img class="common-icon icon navigation-icon-1"
                             src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/2.png"
                             style="margin-right: 5px;height: 17px;margin-top: -3px;">
                        <span class="text city" style="margin-right: 5px;">海东</span>
                        <span class="city-highlight" style="color: #236ffb">[</span>
                        <span class="city-highlight" style="color: #236ffb">切换城市</span>
                        <span class="city-highlight space-r" style="color: #236ffb">]</span>
                    </a>

                    <span class="text">专业的APP、小程序开发公司丨广东省高新技术企业丨双软企业丨重信用守合同企业</span>
                </div>
                <div class="fr">
                    <img class="common-icon navigation-icon-1" src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/4.png"
                         style="height: 17px;margin-top: -5px;margin-right: 5px;">
                    <span>电话</span>
                    <span class="f-w-b phone-text">400-680-1500</span>
                </div>
            </div>
        </div>
        <div class=" common-box">
            <!-- Logo -->
            <h1 class="logo" style="margin-top: 30px;">
                <a href="https://www.zhutibang.cn/" title="主题邦科技">
                    <img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/1.png"
                         data-second-logo="/statics/v2020/static/images/index/1/1.png" alt="主题邦科技Logo">
                    <!-- Retina Logo -->
                    <img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/1.png"
                         data-second-logo="/statics/v2020/static/images/index/1/1.png" class="retina-logo"
                         alt="主题邦科技Logo">
                </a>
            </h1>

            <!-- Navigation Menu -->
            <div class="nav-menu" style="display: block;">
                <ul class="nav clearfix uppercase">
                    <!--  入口    -->
                    <li><a href="https://www.zhutibang.cn/" target="_blank" class="nav-link">首页</a></li>
                    <li class=""><a href="https://www.zhutibang.cn/app-haidong" target="_blank"
                                    class="nav-link">APP开发</a></li>
                    <li class="dropdown-toggle">
                        <a href="https://www.zhutibang.cn/xcx-haidong" target="_blank" class="nav-link">小程序开发</a>
                        <ul class="dropdown-menu to-right">
                            <li><a href="https://www.zhutibang.cn/xcx-haidong" target="_blank">
                                小程序模板
                            </a>
                            </li>
                            <li>
                                <a href="https://www.zhutibang.cn/xcxdz-haidong" target="_blank">
                                    小程序定制
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="dropdown-toggle">
                        <a href="https://www.zhutibang.cn/webdz-haidong" target="_blank" class="nav-link">网站建设</a>
                    </li>
                    <li class=""><a href="https://www.zhutibang.cn/iot-haidong" target="_blank"
                                    class="nav-link">物联网开发</a></li>
                    <li class=""><a href="https://www.zhutibang.cn/offer-haidong" target="_blank"
                                    class="nav-link">开发报价</a></li>
                    <li class=""><a href="https://www.zhutibang.cn/projects" target="_blank" class="nav-link">案例</a>
                    </li>
                    <li class=""><a href="https://www.zhutibang.cn/articles" target="_blank" class="nav-link">资讯</a>
                    </li>
                    <li class=""><a href="https://www.zhutibang.cn/about.html" target="_blank" class="nav-link">关于我们</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- End Navigation Menu -->
    </div>
    <!-- End Columns -->
</nav>
<div id="mobile-navigation" class="nav-menu">
    <div class="mb-close"></div>
    <ul class="nav clearfix uppercase">
        <!--  入口    -->
        <li><a href="https://www.zhutibang.cn/" target="_blank" class="nav-link">首页</a></li>
        <li class=""><a href="https://www.zhutibang.cn/app-haidong" target="_blank" class="nav-link">APP开发</a></li>
        <li class="dropdown-toggle">
            <a href="https://www.zhutibang.cn/xcx-haidong" target="_blank" class="nav-link">小程序开发<i></i></a>
            <ul class="dropdown-menu to-right">
                <li><a href="https://www.zhutibang.cn/xcx-haidong" target="_blank">
                    小程序模板
                </a>
                </li>
                <li>
                    <a href="https://www.zhutibang.cn/xcxdz-haidong" target="_blank">
                        小程序定制
                    </a>
                </li>
            </ul>
        </li>

        <li class="dropdown-toggle">
            <a href="https://www.zhutibang.cn/webdz-haidong" target="_blank" class="nav-link">网站建设<i></i></a>
        </li>
        <li class=""><a href="https://www.zhutibang.cn/iot-haidong" target="_blank" class="nav-link">物联网开发</a></li>
        <li class=""><a href="https://www.zhutibang.cn/offer-haidong" target="_blank" class="nav-link">开发报价</a></li>
        <li class=""><a href="https://www.zhutibang.cn/projects" target="_blank" class="nav-link">案例</a></li>
        <li class=""><a href="https://www.zhutibang.cn/articles" target="_blank" class="nav-link">资讯</a></li>
        <li class=""><a href="https://www.zhutibang.cn/about.html" target="_blank" class="nav-link">关于我们</a></li>
    </ul>
    <div class="nav-el"></div>
    <div class="pagetop"></div>
</div>
<div id="mobile-navigation-closer"></div>
<textarea id="math" style="display:none;">3</textarea>
<!-- END NAVIGATION -->
<!-- END NAVIGATION -->


<!-- CONTENT -->
<section id="home" class="sm-py bg-gray1 bb-1 border-gray1 fullwidth"
         style="padding-top: 135px !important; padding-bottom: 15px !important;">
    <!-- Container -->
    <div class="container" style="height: 130px;">
        <div class="row no-mx">
            <div class="t-left t-center-xs col-sm-7 col-12" style="padding-top: 42px;">
                <div class="t-left t-center-xs col-sm-12 col-12">
                    <h2 class="normal-subtitle disable-select" style="font-size: 28px;color:#fff">社区购物APP</h2>
                </div>
            </div>
            <div class="t-rigth t-center-xs col-sm-5 col-12">
                <ol class="breadcrumb transparent no-pm  font-12" style="margin-top: 52px;">
                    <h4 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray1 c-default"><a
                            href="https://www.zhutibang.cn/city-haidong" target="_blank">首页</a></h4>
                    <h3 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray1 c-default"><a
                            href="https://www.zhutibang.cn/projects" target="_blank">案例</a></h3>
                    <h2 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray1 c-default"><a
                            href="https://www.zhutibang.cn/projects_P2_C2" target="_blank">本地生活</a></h2>
                    <h1 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray5 slow">社区购物APP</h1>
                </ol>
            </div>
        </div>
    </div>
    <!-- End Container -->
</section>
<!-- END CONTENT -->


<!-- Container for cols -->
<div class="container-xxl clearfix">
    <!-- Row for cols -->
    <div class="row no-mx">

        <!-- Col -->
        <div class="col-lg-12  col-md-12 col-12 sm-pr xxs-px-mobile py">
            <!-- 内容   -->
            <div class="content-container disable-select">
                <p style="white-space: normal; text-align: center; line-height: 2em;"><span
                        style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;"><span
                        style="font-size: 20px;">社区购物APP</span></span></p>
                <p style="white-space: normal; text-align: center;"><br></p>
                <p style="white-space: normal; text-align: center;"><span
                        style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 20px;">项目需求：社区购物APP开发、社区APP开发</span>
                </p>
                <p style="white-space: normal; text-align: center;"><span
                        style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 20px;">项目分类：社区购物APP开发、社区APP开发</span>
                </p>
                <p style="line-height: 2em; text-align: center;"><img
                        src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/6054702d5472f.png"
                        alt="社区购物APP案例,社区生活app开发案例,社区APP开发案例,社区生活app案例"></p></div>
        </div>

    </div>
    <!-- End Row for cols -->
</div>
<!-- End Container for cols -->
<!-- Boxes With Slider -->

<div style="background:#f8f8f8;">
    <p class="page-mtitle sm-py">相关案例</p>
    <div class="container-lg first boxes qdr-col-4 gap-14 clearfix">
        <div class="index-case">
            <ul class="clearfix">
                <li class="fadeInUp animated" data-wow-delay="0.0s"
                    style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                    <div class="pic">
                        <img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/5ebe3f3179bc2.png"
                             data-original="https://img.www.zhutibang.cn/d/file/content/2020/05/5ebe3f3179bc2.png"
                             alt="娃娃机APP">
                    </div>
                    <a title="娃娃机APP" href="https://www.zhutibang.cn/project_160.html" target="_blank">
                        <h2 class="h2">
                            <span>娃娃机APP</span>
                            <i></i>
                        </h2></a>
                </li>
                <li class="fadeInUp animated" data-wow-delay="0.0s"
                    style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                    <div class="pic">
                        <img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/5ebe40cac214e.png"
                             data-original="https://img.www.zhutibang.cn/d/file/content/2020/05/5ebe40cac214e.png"
                             alt="金融投资理财APP">
                    </div>
                    <a title="金融投资理财APP" href="https://www.zhutibang.cn/project_161.html" target="_blank">
                        <h2 class="h2">
                            <span>金融投资理财APP</span>
                            <i></i>
                        </h2></a>
                </li>
                <li class="fadeInUp animated" data-wow-delay="0.0s"
                    style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                    <div class="pic">
                        <img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/5ebe4199449af.png"
                             data-original="https://img.www.zhutibang.cn/d/file/content/2020/05/5ebe4199449af.png"
                             alt="在线订票APP">
                    </div>
                    <a title="在线订票APP" href="https://www.zhutibang.cn/project_162.html" target="_blank">
                        <h2 class="h2">
                            <span>在线订票APP</span>
                            <i></i>
                        </h2></a>
                </li>
                <li class="fadeInUp animated" data-wow-delay="0.0s"
                    style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                    <div class="pic">
                        <img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/604c732b413e8.png"
                             data-original="https://img.www.zhutibang.cn/d/file/content/2021/03/604c732b413e8.png"
                             alt="花艺课程APP">
                    </div>
                    <a title="花艺课程APP" href="https://www.zhutibang.cn/project_193.html" target="_blank">
                        <h2 class="h2">
                            <span>花艺课程APP</span>
                            <i></i>
                        </h2></a>
                </li>
            </ul>
        </div>
    </div>
    <div>

        <!-- FOOTER -->
        <footer id="footer" class="classic_footer">
            <!-- Container -->
            <div class="container footer-body">

                <div class="row clearfix">
                    <div class="col-md-4 col-sm-4 col-xs-12 sm-mb-mobile">
                        <div class="item item-1">
                            <div class="logo-box" style=" height: 60px;">
                                <img class="logo" src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/logo.png">
                            </div>
                            <p class="text"
                               style="line-height: 30px;font-size: 14px;color: rgba(255,255,255,.6);display: block;text-align: justify;">
                                广州主题邦信息科技有限公司注册成立于2015年，坚守“做人真诚，做事靠谱，口碑至上”的价值观，致力于为企业提供可靠的互联网+技术服务。</p>
                        </div>
                    </div>


                    <div class="col-md-2 col-sm-4 col-xs-12 sm-mb-mobile">
                        <h6 class="uppercase" style="height: 60px; line-height: 1.6; font-size: 20px; color: #fff;">
                            主营业务</h6>
                        <p><a href="https://www.zhutibang.cn/xcx-haidong" target="_blank"
                              style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">小程序开发</a>
                        </p>
                        <p><a href="https://www.zhutibang.cn/app-haidong" target="_blank"
                              style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">APP开发</a>
                        </p>
                        <p><a href="http://www.yidian168.cn/" target="_blank"
                              style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">电商系统</a>
                        </p>
                        <p><a href="https://www.zhutibang.cn/webdz-haidong" target="_blank"
                              style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">网站建设</a>
                        </p>
                    </div>

                    <!-- Column -->
                    <div class="col-md-4 col-sm-4 col-xs-12 all-block-links sm-mb-mobile">
                        <h6 class="uppercase" style="height: 60px; line-height: 1.6; font-size: 20px; color: #fff;">
                            <i class="fa fa-envelope mini-mr"></i>联系我们
                        </h6>
                        <p style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">
                            咨询热线：400-680-1500</p>
                        <p style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">
                            咨询热线：13428843150</p>
                        <p style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">
                            官方邮箱：sw@zhutibang.cn </p>
                    </div>
                    <!-- End Column -->

                    <!-- Column -->
                    <div class="col-md-2 col-sm-4 col-xs-12 sm-mb-mobile all-block-links">
                        <!-- Title -->
                        <h6 style="height: 60px; line-height: 1.6; font-size: 20px; color: #fff;">
                            <i class="fa fa-map-marker mini-mr"></i>我们的地址
                        </h6>
                        <p style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">
                            广州市海珠区新港东路1088号中洲交易中心1610-1611单元 </p>
                        <p style="line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); display: block; text-align: justify;">
                            <a rel="nofollow"
                               href="http://map.baidu.com/?newmap=1&amp;ie=utf-8&amp;s=s%26wd%3D%E5%B9%BF%E5%B7%9E%E5%B8%82%E6%B5%B7%E7%8F%A0%E5%8C%BA%E6%96%B0%E6%B8%AF%E4%B8%9C%E8%B7%AF1088%E5%8F%B7%E4%B8%AD%E6%B4%B2%20%E4%BA%A4%E6%98%93%E4%B8%AD%E5%BF%831610-1611%E5%8D%95%E5%85%83"
                               target="_blank" style="color: #578df1;">点击查看地图位置</a></p>

                    </div>
                    <!-- End Column -->
                </div>
            </div>

            <div style="height: 1px;background: #646b80;width: 1200px;margin: 0 auto;"></div>
            <!-- End Container -->
            <div class="footer-bottom" style="background-color: #37405e">
                <div class="container">
                    <div class="row clearfix calculate-height t-center-xs">
                        <!-- Bottom Note -->
                        <div class="col-sm-12 col-xs-12 table-im t-left height-auto-mobile t-center-xs xxs-mt-mobile"
                             style="height: 18px;">
                            <p class="v-middle" style="color:rgba(255,255,255,.6);">
                                <span>COPYRIGHT</span>
                                <span>2015-2021</span>
                                <span> 广州主题邦信息科技有限公司</span>
                                <span>|</span>
                                <span><a href="http://www.beian.miit.gov.cn/" rel="nofollow">粤ICP备15081885号</a></span>
                                <span>POWERE</span>
                                <span>BY</span>
                                <span>www.zhutibang.cn</span>
                                <span>|</span>
                                <span>网站地图</span>
                                <span>承接业务：</span>
                                <span>小程序开发</span>
                                <span>APP开发</span>
                                <span>网站建设</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

        <!--客服-->
        <div id="qq_content" class="qq_content" style="top: 229px;">
            <div id="contactsBlock" class="showContractsBlock">
                <div class="wechat_block">
                    <img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/boss2.png">
                    <p class="consult">微信咨询</p>
                </div>
                <div class="qq_block">
                    <p class="kefu"><img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/kefu.png">咨询热线</p>
                    <p class="phone">400-680-1500</p>
                </div>
            </div>
            <div class="qq_block">
                <a id="toggleText" href="javascript:toggleQQContact(this)" style="text-decoration: none;">收起</a>
            </div>
            <div class="kefuitem">
                <a id="back-to-to" href="https://www.zhutibang.cn/project_194.html#top">
                    <img src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/top.png" alt="顶部" class="kefuitemimg">
                    <p class="hoverwhitep">回到顶部</p>
                </a>
            </div>
        </div>
        <style>
            /*右侧客服悬浮窗*/
            #qq_content {
                width: 175px;
                height: auto;
                background: #ffffff;
                position: absolute;
                right: 20px;
                top: 30%;
                z-index: 99;
                box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.07);
                font-size: 12px;
                text-align: center;
                padding: 20px 10px;
                colot: #666;
            }

            .qq_block, .wechat_block, .product_block {
                margin-bottom: 10px;
                padding-bottom: 10px;
                border-bottom: 1px #eee solid;
            }

            .wechat_block .consult {
                font-size: 16px;
                color: #666666;
                margin-top: 15px;
            }

            .qq_block img {
                width: 30px;
                height: 25px;
                margin: 0px 0px -3px -5px;
            }

            .qq_block a {
                color: #333;
            }

            .qq_block .kefu {
                font-size: 14px;
            }

            .qq_block .kefu img {
                width: 16px;
                height: 16px;
                margin: 3px;
            }

            .qq_block .phone {
                font-size: 18px;
                font-weight: bold;
                color: #236EFB;
            }

            .qq_block .qq_contact {
                font-size: 12px;
                display: block;
                margin: 10px auto;
                padding: 5px 5px;
                text-align: center;
                overflow: hidden;
                width: 120px;
                color: #FFF;
                background: #236EFB;
                border-radius: 4px;
            }

            .boteee img {
                width: 28px;
                height: 22px;
            }

            #qq_content .kefuitem {
                position: relative;
                cursor: pointer;
            }

            .hoverwhitep {
                margin-top: 5px;
            }
        </style>
        <script>

            function startMove_scroll() {
                var oDiv = document.getElementById("qq_content");
                var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
                var len = parseInt((document.documentElement.clientHeight - oDiv.offsetHeight) / 3 + 30 + 'px');
                startMove(scrollTop + len);
            }

            var timer = null;

            function startMove(iTarget) {
                var oDiv = document.getElementById("qq_content");
                clearInterval(timer);
                timer = setInterval(function () {
                    var speed = (iTarget - oDiv.offsetTop) / 8;
                    speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
                    if (oDiv.offsetTop == iTarget) {
                        clearInterval(timer);
                    } else {
                        oDiv.style.top = oDiv.offsetTop + speed + "px";
                    }
                }, 10);
            }

            startMove_scroll();
            window.onscroll = function () {
                startMove_scroll();
            };

            function toggleQQContact(e) {
                $('#contactsBlock').toggleClass('showContractsBlock');
                if ($('#contactsBlock').hasClass('showContractsBlock')) {
                    $('#contactsBlock').fadeIn();
                    $('#toggleText').text('收起');
                } else {
                    $('#contactsBlock').fadeOut();
                    $('#toggleText').text('展开');
                }
            }

            function saveConsult() {
                var url = '/consult';
                $.ajax({url: url, data: {}, type: 'get'});
            }
        </script>

        <!--咨询弹框-->
        <style>
            .contact-popup-container {
                width: 100%;
                height: 100%;
                z-index: 1000;
                position: fixed;
                top: 0;
                left: 0;
                background-color: rgba(0, 0, 0, .3);
                z-index: 2000;
            }

            .contact-popup-container .contact-popup-fix {
                width: 580px;
                height: 260px;
                z-index: 1100;
                position: fixed;
                top: 50%;
                left: 50%;
                margin-top: -130px;
                margin-left: -290px
            }

            .contact-popup-container .contact-popup-fix .contact-popup {
                width: 100%;
                height: 100%;
                position: relative
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup {
                width: 100%;
                height: 100%;
                padding: 52px 47px;
                z-index: 1120;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-1 {
                line-height: 1;
                margin-bottom: 4px;
                font-family: AlibabaPuHuiTiR;
                font-size: 22px;
                color: #fff;
                opacity: .6
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-2 {
                line-height: 1;
                margin-bottom: 19px;
                font-family: AlibabaPuHuiTiR;
                font-size: 28px;
                color: #fff;
                opacity: .6
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-3 {
                line-height: 1;
                margin-bottom: 4px;
                font-family: AlibabaPuHuiTiR;
                font-size: 28px;
                color: #fff
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-4 {
                line-height: 1;
                margin-bottom: 29px;
                font-family: AlibabaPuHuiTiB;
                font-size: 28px;
                color: #fff;
                font-weight: 700
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-5 {
                line-height: 1;
                font-family: AlibabaPuHuiTiR;
                font-size: 22px;
                color: #fff;
                opacity: .6
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-6 {
                line-height: 1;
                font-family: AlibabaPuHuiTiM;
                font-size: 24px;
                color: #fff
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode {
                width: 148px;
                height: 148px;
                padding: 5px;
                background-color: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 78px;
                right: 46px
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode .icon {
                width: 100%;
                height: 100%
            }

            .contact-popup-container .contact-popup-fix .contact-popup .bg {
                width: 100%;
                height: 100%;
                z-index: 1110;
                position: absolute;
                top: 0;
                left: 0
            }

            .contact-popup-container .contact-popup-fix .contact-popup .close {
                width: 50px;
                height: 50px;
                z-index: 1130;
                cursor: pointer;
                position: absolute;
                top: 0;
                right: 0
            }

            .contact-popup-container .contact-popup-fix .contact-popup .close .icon {
                width: 13px;
                height: 13px;
                position: relative;
                top: 14px;
                right: -25px
            }

            .contact-popup-container-2 .contact-popup-fix .contact-popup {
                background-color: #fff
            }

            .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-1 {
                color: #191c3d;
                opacity: 1
            }

            .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-2 {
                color: #191c3d;
                opacity: 1
            }

            .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-7 {
                line-height: 1;
                margin-bottom: 5px;
                font-family: AlibabaPuHuiTiR;
                font-size: 28px;
                color: #236ffb
            }
        </style>
        <!-- 联系我们弹框 -->
        <div class="contact-popup-container contact-popup-container-2" style="display:none;">
            <div class="contact-popup-fix">
                <div class="contact-popup">
                    <div class="popup">
                        <p class="text-1">您好！</p>
                        <br>
                        <p class="text-2">咨询热线：</p>
                        <p class="text-7">400-680-1500</p>
                        <p class="text-1" style="font-size: 14px;margin-top: 11px;">扫码加顾问微信 --&gt;</p>

                        <div class="wxqrcode">
                            <img class="icon" src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/7.png">
                        </div>
                    </div>
                    <img class="bg" src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/7(1).png">
                    <div class="close contact-popup-close-btn" title="关闭">
                        <img class="icon" src="./社区购物APP案例-社区生活app开发案例-社区APP开发案例_files/5.png">
                    </div>
                </div>

            </div>
        </div>

        <script>
            $(function () {
                // 点击关闭联系我们
                $('.contact-popup-close-btn').click(function () {
                    $('.contact-popup-container').hide();
                })

                // 打开
                $('.concat-me-btn').click(function () {
                    $('.contact-popup-container').show()
                })
            })
        </script>


        <!-- Back To Top -->

        <script>
            $(function () {

                //点击
                $.get("/api.php?m=Hits&catid=53&id=194", function (data) {
                    $("#hits").html(data.views);
                }, "json");
            });
        </script>

        <script>
            (function () {
                var bp = document.createElement('script');
                var curProtocol = window.location.protocol.split(':')[0];
                if (curProtocol === 'https') {
                    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
                } else {
                    bp.src = 'http://push.zhanzhang.baidu.com/push.js';
                }
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(bp, s);
            })();
        </script>
        <!-- Body End -->
    </div>
</div>
</body>
</html>